<template>
  <div>
    <el-container class="manager-container">
      <!-- this is manager page -->
      <!-- 导航菜单上的湖大logo -->
      <el-main>
        <div class="bg-breadcrumb">
          <el-breadcrumb separator-class="el-icon-arrow-right">
              <el-breadcrumb-item :to="{ path: '/student/selectcoursecenter' }">首页</el-breadcrumb-item>
              <el-breadcrumb-item>学生选课中心</el-breadcrumb-item>
          </el-breadcrumb>
        </div>
        <el-row class="row-card">
          <el-card shadow class="selectable-card">
            <table
            border="1"
            size="small"
            align="center"
            cellspacing="0"
            cellpadding="6">
            <!-- 第一行 -->
              <tr>
                <td colspan="3" align="center">
                  212201新生一选
                </td>
              </tr>
              <!-- 第二行 -->
              <tr>
                <td colspan="3" align="center">
                  学年学期：2021-2022-1&nbsp;
                  选课时间：2021-10-05 10:00 ~ 2021-10-15 17:00&nbsp;
                  每天选课时间：未控制&nbsp;
                  预览选课时间：2021-09-13 00:00 ~2021-09-15 00:00
                </td>
              </tr>
              <!-- 第三行 -->
              <tr>
                <td>选课抽签：未启用</td>
                <td>选课控制：可选可退</td>
                <td>教学班选课人数：控制（不允许超限选人数）</td>
              </tr>
              <!-- 第四行 -->
              <tr>
                <td>预置课是否可退：否</td>
                <td>允许冲突选课：否</td>
                <td>控制选课学分：控制</td>
              </tr>
            </table>
            <div class="intoselectcoursebuttun-div">
              <el-button size="medium" @click="toSelectCourseMainPage()">进入选课</el-button>
              <el-button size="medium" @click="returnSelectCourseCenter()">返回</el-button>
            </div>
          </el-card>
        </el-row>
      </el-main>
    </el-container>
  </div>
</template>

<script>
export default {
  data () {
    return {
    }
  },
  components: {
  },
  created () {
  },
  methods: {
    returnSelectCourseCenter () {
      this.$router.push({ path: '/student/selectcoursecenter' })
    },
    toSelectCourseMainPage () {
      this.$router.push({ path: '/student/selectcoursemainpage' })
    }
  }
}
</script>

<style lang="less" scoped>
.manager-container {
  height: 100vh;
  background-color: #f0f1f7;

  .el-main {
    padding: 0px;

    .row-card {
      margin: 20px;
    }

    .selectable-card {
      width: 1270px;
    }

    .el-breadcrumb {
    height: 35px;
    line-height: 35px;
    margin-left: 2%;
    }

    .intoselectcoursebuttun-div {
      text-align: center;
      margin: 10px;
    }
  }
}
</style>
